﻿<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

        <link href="/css/main.css" rel="stylesheet" />
        <link rel="stylesheet" href="/css/portal.css" type="text/css"/>
        <title>内容类别</title>
    </head>

	<body>
		<div class="main-container">
            <div class="breadcrumbs">
                <a class="back">
                    <i class="skinicon skin-back"></i>
                    <span>返回上一页</span>
                </a>
                <a>
                    <i class="skinicon skin-home"></i>
                    <span>首页</span>
                </a>
                <i class="skinicon skin-arrow-right"></i>
                <a>
                    <span>插件管理</span>
                </a>
                <i class="skinicon skin-arrow-right"></i>
                <a>
                    <span>在线留言</span>
                </a>
            </div>

            <div id="control-btns" class="btn-group" role="group" aria-label="...">
                <button type="button" class="btn btn-oa check-all"><i class="skinicon skin-select-all"></i>全选</button>
                <button type="button" class="btn btn-oa"><i class="skinicon skin-lock"></i>审核</button>
                <button type="button" class="btn btn-oa"><i class="skinicon skin-delete"></i>删除</button>
            </div>

            <div class="btn-group">
                <input type="text" class="form-control input-oa datepicker" name=""/>
            </div>

            <div class="btn-group">
                <button id="selected-type" type="button" class="btn btn-oa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">请选择类别</button>
                <button type="button" class="btn dropdown-toggle btn-oa-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">互联网媒体</a></li>
                    <li><a href="#">　├ 人物动态</a></li>
                    <li><a href="#">　├ 电子商务</a></li>
                    <li><a href="#">　├ 传闻爆料</a></li>
                    <li><a href="#">科技财经</a></li>
                    <li><a href="#">　├ IT业界</a></li>
                    <li><a href="#">　├ 经济民生</a></li>
                    <li><a href="#">　├ 数码产品</a></li>
                    <li><a href="#">汽车房产</a></li>
                    <li><a href="#">　├ 新车行情</a></li>
                    <li><a href="#">　├ 房产动态</a></li>
                </ul>
            </div>

            <div class="input-group input-group-oa">
                <input type="text" class="form-control input-oa">
                <span class="input-group-btn">
                    <button class="btn btn-oa" type="button">
                        <i class="skinicon skin-search"></i>
                    </button>
                </span>
            </div>

            <table class="table table-striped">
                <tr>
                    <th width="8%" class="text-center">选择</th>
                    <th align="left">标题</th>
                    <th align="left" width="16%">所属站点</th>
                    <th align="left" width="12%">用户</th>
                    <th align="left" width="16%">发布时间</th>
                    <th width="8%" class="text-center">状态</th>
                    <th width="10%" class="text-center">操作</th>
                </tr>

                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">
                        <input type="checkbox"></input>
                    </td>
                    <td>标题标题标题标题</td>
                    <td>默认站点</td>
                    <td>用户</td>
                    <td>2015-7-26 17:55</td>
                    <td class="text-center">未回复</td>
                    <td class="text-center">
                        <a>回复</a>
                    </td>
                </tr>
            </table>

            <div class="pagelist">
                <div class="left-btns">
                    <span>显示</span>
                    <input type="text" value="10" class="pagenum"></input>
                    <span>条/页</span>
                </div>

                <div class="right-btns">
                    <span>共52记录</span>
                    <span class="disabled">«上一页</span>
                    <span class="current">1</span>
                    <a>2</a>
                    <a>3</a>
                    <a>4</a>
                    <span>...</span>
                    <a>6</a>
                    <a>下一页»</a>
                </div>
            </div>

		</div>
	</body>
    <script src="/common-js/WdatePicker/WdatePicker.js"></script>
    <script src="/common-js/jquery/jquery.min.js" type="text/javascript"></script>
    <script src="/common-js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/common-js/bootstrap/bootstrap-switch.min.js"></script>
    <script type="text/javascript" src="/common-js/publicFunction.js"></script>
    <script type="text/javascript" src="/common-js/tab.js"></script>
    <script src="/js/layer/layer.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/main.js"></script>
    <script>
        $(function() {
            $('.dropdown-menu a').click(function() {
                $('#selected-type').html($(this).html());
            });

            $('.check-all').click(function() {
                if($(this).html() === '<i class="skinicon skin-select-all"></i>全选') {
                    $('input[type="checkbox"]').each(function () {
                        $(this).attr("checked", true);
                    });
                    $(this).html('<i class="skinicon skin-select-all"></i>取消');
                } else {
                    $('input[type="checkbox"]').each(function () {
                        $(this).attr("checked", false);
                    });
                    $(this).html('<i class="skinicon skin-select-all"></i>全选');
                }
            });
        });
    </script>
</html>